import Vue from 'vue'
import Vuex from 'vuex'

// 使用插件
Vue.use(Vuex)

const store = new Vuex.Store({
    // 定义全局状态
    state: {
        count: 100
    },
    // 类似于.vue文件中computed  计算属性
    getters: {
        // newCount(state)
        newCount({ count }) {
            return "$" + count.toFixed(2)
        }
    },
    // 定义同步修改数据的方法
    mutations: {
        // mutations 中所有的函数也会有默认参数 (state, action)
        ADD_COUNT(state, { num }) {
            state.count += num
        },
        DEL_COUNT(state) {
            state.count -= 1
        }
    }
})

export default store